<!--流程属性-->
<template>
    <div class="">
        <!--      <span class="title">名称</span>-->
        <el-form size="mini" label-position="top" label-width="80px">
            <el-form-item label="名称" class="bold">
                <el-checkbox
                    style="display: block"
                    v-for="(item, index) in flowData.remind"
                    :label="item.label"
                    v-model="item.checked"
                    :key="index"
                >{{ item.label }}
                </el-checkbox>
            </el-form-item>
        </el-form>
        <el-divider></el-divider>
        <div class="flex-bet">
            <span class="title">流程提交后允许撤回</span>
            <el-switch
                v-model="flowData.recall"
                active-color="#f60"
                inactive-color="#ccc"
            >
            </el-switch>
        </div>
        <el-divider></el-divider>
        <div class="flex-bet">
            <span class="title">允许流程发起人催办</span>
            <el-switch
                v-model="flowData.press"
                active-color="#f60"
                inactive-color="#ccc"
            >
            </el-switch>
        </div>
    </div>
</template>

<script>
export default {
    name: 'FlowAttribute',
    components: {},
    props: {
        flowData: {
            type: Object,
            default: () => {
                return {}
            }
        }
    },
    data () {
        return {
            tabPosition: 'base',
            item: {
                name: 1
            }
        }
    }
}
</script>

<style scoped lang="scss">
.flow-attribute {
}

</style>
